

<?php $sumados=0.00;?>
<div id="presentacion">
    <h1>Gastos de estadía y consumos</h1>
    <div class="ui-datagrid">
    <input type="hidden" id="id_reserva" name="id_reserva" type="text" class="ui-widget-content"
   <?php  echo ' value ="'. $reserva->id_reserva . '"';?> >
    <table border="1" >
        <thead><tr >
            <th>ID</th>
            <th>HABITACION</th>
            <th>PASAJERO</th>
            <th>FECHA LLEGADA</th>
            <th>FECHA SALIDA</th>
            <th>CANTIDAD DIAS</th>
            <th>MONTO</th>
            <th>SUBTOTAL</th>
        </tr></thead> 
        <tbody id="consumos">
        
        <tr>
            <td><?php echo $reserva->id_reserva?></td>
            <td><?php echo $reserva->habitacion?></td>;
            <td><?php echo $reserva->apellido?>, <?php echo $reserva->nombre?></td>
            <td><?php echo $reserva->fecha_llegada?> - <?php echo $reserva->hora_llegada?></td>
            <td><?php echo $reserva->fecha_salida?> - <?php echo $reserva->hora_salida?></td>
            <td><?php echo $reserva->dias?></td>
            <td><?php echo $reserva->monto?></td>
            <td><?php echo $reserva->total?></td>
        </tr>       
    </tbody>
        </table>
</div>
    <div class="ui-datagrid" >
               
    <table border="1" >
        <thead><tr >
            <th>ID</th>
            <th>HABITACION</th>
            <th>SERVICIO</th>
            <th>FECHA</th>
            <th>DESCRIPCION</th>
            <th>PRECIO</th>
        </tr></thead> 
        <tbody id="gastos">
    <?php foreach ($gastos as $fila)        
    {
        ?>
        
        <tr>
            <td><?php echo $fila->id?></td>
            <td><?php echo $fila->habitacion?></td>
            <td><?php echo $fila->tipos?></td>
            <td> <?php echo $fila->fecha?></td>
            <td><?php echo $fila->observacion?></td>
            <td><?php echo $fila->precio?>  </td>
            
       
        </tr>       
        <?php
    }
    $sumados=0;
    $totales=0;
    foreach ($gastos as $fila){ 
        $sumados = $sumados+($fila->precio); 
    }
    $totales=$sumados+($reserva->total)+($reserva->late)-($reserva->senia);
    ?></tbody>
        </table>
</div>
<form class="cmxform" id="signupForm" method="post" <?php 
          echo 'accion = "' . base_url() . 'creserva/grabarPago"'; ?> novalidate="novalidate">
    <fieldset class="ui-widget ui-widget-content ui-corner-all">
        <p>
           <label for="cobrar">TIENE LATE CHECKOUT?: $</label>
			<input id="monto_late" name="monto_late" type="text" onkeyup="runTotal()" class="ui-widget-content" size="15"                            
                        <?php echo ' value ="'. $reserva->late . '"';?>>
        </p>
    <p>
           <label for="cobrar">TOTAL RESERVAS: $</label>
			<input id="monto_reserva" name="monto_reserva" type="text" class="ui-widget-content"
                               <?php echo ' value ="'. $reserva->total . '"';?> size="15"> 
           <label for="cobrar">MONTO SEÑA: $</label>
			<input id="monto_senia" name="monto_senia" type="text" class="ui-widget-content"
                               <?php echo ' value ="'. $reserva->senia . '"';?> size="15"> 
          <label for="cobrar">TOTAL CONSUMOS: $</label>
			<input id="monto_consumo" name="monto_consumo" type="text" class="ui-widget-content"
                               <?php echo ' value ="'. $sumados . '"';?> size="15">
        <label for="cobrar">TOTAL A COBRAR: </label>
			<input id="monto_total" name="monto_total" onkeyup="runTotal()" type="text" class="ui-widget-content"
                               <?php echo ' value ="'. $totales . '"';?> size="15">
                        <input id="total" name="total"  type="hidden" class="ui-widget-content"
                               <?php echo ' value ="'. $totales . '"';?> size="15">
    </p>
    <p>
            <label for="cobrar">FECHA DE PAGO: </label>
			<input id="fecha_pago" size="15" class ="elemento_fecha" name="fecha_pago" type="text" class="ui-widget-content" >
                       
    </p>
</div>

</fieldset>
</form>
   <button onclick="redireccionar()" >Registrar Pago</button>
    
<link rel="stylesheet" type="text/css" media="screen" href="<?php echo base_js(); ?>jquery-ui-git.css">
 <script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script> 
 <script src="<?php echo base_js(); ?>jquery.validate.min.js"></script>
 <script src="<?php echo base_js(); ?>jquery-ui-git.js"></script> 
  <?php
     $sentencia = '<script> $(function() { $( ".elemento_fecha" ).datepicker(   "setDate", " . getdate() . ");  })</script>';      
        echo $sentencia;
                                   
  ?>

 <script>
     function redireccionar()
     {
         var monto_r= document.getElementById("monto_reserva");
         var fecha= $("#fecha_pago").datepicker("getDate");
         
         var mes = parseInt(fecha.getMonth())+1;
         var monto_c= document.getElementById("monto_consumo");
         var monto_t= document.getElementById("monto_total");
         var reserva = document.getElementById("id_reserva");
         var monto_s = document.getElementById("monto_senia");
         var monto_l = document.getElementById("monto_late");
         

         window.location.href = "<?php echo base_url();?>creserva/grabarPago/"+reserva.getAttribute("value")+"/"+monto_r.getAttribute("value")+ "/"+fecha.getFullYear()+ "-" +mes+ "-" +fecha.getDate()+"/" +monto_c.getAttribute("value")+"/"+monto_t.getAttribute("value")+"/"+monto_s.getAttribute("value")+"/"+monto_l.getAttribute("value");
                               
    
//    var ff = $("#fecha_pago").datepicker("getDate");
//                                var anio = ff.getFullYear();
//                                var mes = ff.getMonth() ;
//                                var dia = ff.getDate();
//                               alert(ff.getFullYear() + "/" + ff.getMonth() + "/" + ff.getDate());
         
     }    

     function runTotal()  {      
         var total = 0;      
         var valor1 = document.getElementById("monto_late");      
         var valor2 = document.getElementById("monto_reserva");
         var valor3=document.getElementById("monto_senia");
         var valor4=document.getElementById("monto_consumo");
         monto_total.value = parseFloat(valor1.value) + parseFloat(valor2.value)+ parseFloat(valor4.value)- parseFloat(valor3.value);  
         //monto_total.value=monto_total.toFixed(2);
         var Display = document.getElementById("Display");      
         Display.innerHTML = total;  }
     </script>